.user-info-container .ant-modal-body {
    padding: 1rem 2rem;
    >div {
        margin: 0.6rem 1rem;
    }
    .user-avatar {
        display: flex;
        align-items: center;
        .ant-avatar {
            margin-right: 2rem;
            min-width: 4rem;
            min-height: 4rem;
        }
    }
    .info-item {
        display: flex;
        flex-direction: column;
        position: relative;
        span:first-child {
            font-weight: bold;
        }
        .edit {
            position: absolute;
            width: 100%;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            z-index: 99;
            .ant-collapse,
            .ant-collapse-item {
                background-color: unset;
                border: unset;
                .ant-collapse-header {
                    text-align: right;
                }
                .ant-collapse-arrow {
                    svg {
                        display: none;
                    }
                }
                .ant-collapse-content-box {
                    background-color: royalblue;
                    padding: 0;
                }
            }
        }
    }
}